<!--主页-->
<template>
    <div class="home-root">
        <!--头部-->
        <HeaderNav></HeaderNav>
        <el-container class="root-container">
            <el-container>
                <!--页面区-->
                <el-main>
                    <!--视图-->
                    <router-view />
                </el-main><!--/ 页面区-->
            </el-container>
        </el-container>
    </div>
</template>

<script>
import HeaderNav from "../components/HeaderNav";

export default {
    name: "Home",
    components: {
        HeaderNav
    },
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
    .home-root{
        height: 100%;

        .root-container{
            height: 100%;

        }
    }
    /*侧边栏*/
    .el-aside {
        background-color: #2c3e50;
    }
    /*主体*/
    .el-main {
        padding: 2px;
        background-color: darksalmon;
    }
</style>
